@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@200..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@200..700&display=swap');

*{
   text-decoration: none;
   box-sizing: border-box;
   list-style-type: none; 
       
   
}  

 body{
    background-color: #f39f28;
    margin: 0;
    background-image: url(../images/fondoo.png);
    background-size: cover;
    background-attachment: fixed;
    
 }
 .integrantes {
    margin: 10px;
padding: 20px;
background-color: #fff3c2;
border-radius: 8px;
box-shadow: 3px 3px 0px black;
text-align: center;
border: 2px solid black;
}

.foti {
    max-width: 100%;
   height: auto;
   border: 2px solid black;
}

.btn {
    border: 2px solid black;
    margin-bottom: 10px;
    display: block;
    padding: 15px;
    font-size: 18px;
    background-color: #ffd255;
    color: rgb(0, 0, 0);
    text-align: center;
    border-radius: 5px;
    box-shadow: 3px 3px 0px black;
    transition: background-color 0.3s ease;
    text-decoration-line:none;
    font-family:'Oswald',sans-serif;
    font-weight: 600;
  }

  .btn:hover {

    background-color: #f39f28;
  }
  .header-buttons {  
    border-color: #000000;    
    border-radius: 2px;
    justify-content: right;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;

   
}
h1 {
    color:#000000;
    font-family:'Oswald',sans-serif;
    font-weight: 900px;
}
#titulo2 {
    color:#000000;
    font-family:'Oswald',sans-serif;
    font-weight: 900px;
}

.presentacion {
    background-color: #fff3c2;
    border-radius: 8px;
    padding: 20px;
    margin-top: 10px;
    box-shadow: 3px 3px 0px black;
    
}

#contenedorsubtitulo {
    background-color: #fff3c2;
    border-radius: 5px;
    padding:10px;
    margin: 10px;
    box-shadow: 3px 3px 0px black;
}

h2 {
    color:#000000;
    font-family:'Oswald',sans-serif;
    font-weight: 500px;

}

.subtitulo {
    color:#000000;
    font-family:'Montserrat',sans-serif;
    font-weight: 300px;

}
hr {
    border: none;
    height: 2px;
    background-color: #000000;
    width: 100%; }

    #logoo {
            width: auto;
            height: 60px;
            margin:10px;
            padding: 10px;
            justify-items: center;
    }

#cajalogo { 
text-align: center;

}

  
    
    p {
    color:#000000;
    font-family:'Montserrat',sans-serif;
    font-weight: 300px;
    line-height: 1.4;
    }

    .datosacademicos {
        background-color: #fff3c2;
        padding: 20px;
        border-radius: 8px; 
        margin-bottom: 10px;
        margin-top: 10px;
        box-shadow: 3px 3px 0px black;
    }

    .datosacademicos h2 {
        color:#000000;
    font-family:'Montserrat',sans-serif;
    font-weight: 500px;

    }

    .datosacademicos h3 {
        color:#000000;
        font-family:'Montserrat',sans-serif;
        font-weight: 300px;

    }

    .datosacademicos h4 {
        color:#000000;
        font-family:'Montserrat',sans-serif;
        font-weight: 200px;

    }

    

    .listablanca {
        color:#000000;
        font-family:'Montserrat',sans-serif;
        font-weight: 100px;
        list-style-type: none;
    }

    .integrantes img {
        width: 100%;  
aspect-ratio: 1/1; 
object-fit: cover;  
border-radius: 8px; 

    }

    footer {
        background-color: #f39f28;
        padding: 20px;
        border-radius: 8px; 
        margin-top: 10px;
    }

    #foottext {
        color:#000000;
        font-family:'Montserrat',sans-serif;
        line-height: 1.4;
        font-weight: 200px;
        

    }

    #mapa {
        justify-content: center;
        border-radius: 10px;
        width: 100%;
    }

    #userymvp {
        object-fit: cover;
        width: 100%;

    }